<!DOCTYPE html>
<html>
    <head>
    	<title>Connexion</title>
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <link rel="stylesheet" type="text/css" media="screen" href="@{'public/stylesheets/style.css'}" />
        <link rel="stylesheet" type="text/css" media="screen" href="@{'public/stylesheets/south-street/jquery-ui-1.7.2.custom.css'}" />
    	<script src="@{'public/javascripts/jquery-1.4.2.min.js'}" type="text/javascript" charset="utf-8"></script>
    	<script src="@{'public/javascripts/jquery-ui-1.7.2.custom.min.js'}" type="text/javascript" charset="utf-8"></script>
    	<script src="@{'public/javascripts/jquery.editinplace.packed.js'}" type="text/javascript" charset="utf-8"></script>
		<STYLE TYPE="text/css" MEDIA=screen>
		<!--
			#login
			{
				width: 400px;
				margin: 10px auto 10px;
				padding: 0 50px 5px;
				position: relative;
			
				background: rgb(53,93,206) no-repeat left left left left;
				background: -webkit-gradient(radial,50% -50,50,50% -100,220, from(rgba(50,11,221,1)), to(rgba(150,11,221,0))) no-repeat, -webkit-gradient(linear, left top, left bottom, from(#0078fd), to(#0e2b42)) no-repeat;
				
				background: -moz-radial-gradient(50% 10%, closest-side, rgba(53,93,206,1), rgba(53,93,206,0)) no-repeat, -moz-linear-gradient(-90deg, #699f08, #172302) no-repeat;
				-webkit-box-shadow: rgba(0,0,0,0.4) 0 15px 40px, #060a01 0 1px 1px, #92dd10 0 -1px 0px;
				-moz-box-shadow: rgba(0,0,0,0.4) 0 15px 40px, #060a01 0 1px 1px, #92dd10 0 -1px 0px;
				border-radius: 10px;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
			}
		-->
		</STYLE>
		    </head>
	<body>
	    <div id="login">
    		<header>
    			<img src="@{'public/images/logointech.png'}" alt="logo" id="logo" />
    			<h1>ProjInTech <span>by InTech</span></h1>
    		</header>
    		<section>
				<div>
				    #{form @login(), id:'formLogin'}
				        <p class="field">
				            <label>Trigramme:</label>
				            <input type="text" name="username" size="3" value="${flash.username}" />
				        </p>
				        <p class="field">
				            <label>Password:</label>
				            <input type="password" name="password" size="8"/>
				        </p>    
				        <p class="buttons">
				            <input type="submit" value="Connexion" />
				        </p> 
				    #{/form}
				</div>
				
				<script type="text/javascript" charset="utf-8">
				    sessvars.$.clearMem()
				</script>
    		</section>
    		<footer>
    			<a href="http://www.w3.org/TR/html5/">html5</a> - 
    			<a href="http://www.w3.org/TR/css3-roadmap/">css3</a> - 
    			<a href="http://www.playframework.org/">playframework</a> 
    		</footer>
		</div>
	</body>
</html>